import styled from 'styled-components'

const KeDiv = styled.div`
    height:100%;
    display:flex;
    flex-direction:column;
    position:relative;
`

const PlateDiv = styled.div`
    flex:1;
    overflow-y:scroll;
    ul{
        background-color:#F1F4F8;
        li{
            padding:0 0.09rem 0.1rem;
            margin-bottom:0.1rem;
            background-color:#fff;
            img{
                width:2rem;
                height:1.5rem;
            }
            h2{
                height: 0.45rem;
                font-size: 0.18rem;
                font-weight: 500;
                color: #333333;
                line-height: 0.45rem;
            }
            h3{
                height: 0.38rem;
                font-size: 0.18rem;
                font-weight: 500;
                color: #333333;
                line-height: 0.38rem;
                /* padding-top:0.15rem; */
                /* border:1px solid #308BFE; */
            }
            h3::before{
                    content:'';
                    display: inline-block;
                    height:0.2rem;
                    width:2px;
                    background-color:#308BFE;
                    vertical-align:middle;
                    margin-right:0.13rem;
            }
            p{
                font-size: 0.16rem;
                font-weight: 500;
                color: #333333;
                line-height: 0.23rem;
            }
            .pre-img{
                width:3.57rem;
                height:1.96rem;
                margin-bottom:0.1rem;
                img{
                    width:100%;
                    height:100%;
                    border-radius:0.1rem;
                }
            }
        }
    }
`

const ButtonDiv = styled.div`
    position:absolute;
    bottom:0.33rem;
    left:0;
    right:0;
    margin:auto;
    border-radius:0.26rem;
    width: 2.6rem;
    height: 0.49rem;
    text-align:center;
    line-height:0.49rem;
    font-size:0.16rem;
    color:#fff;
    background: #308BFE;
    z-index:33;
`

export {
    KeDiv,
    PlateDiv,
    ButtonDiv
}